<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="../css/yangshi.css"> -->
    <link rel="stylesheet" href="../css/dianying.css">
    <link rel="stylesheet" href="../css/Demo.css">
    <link rel="stylesheet" href="../css/region-1.css">
    <link rel="stylesheet" href="../css/footer.css">
<!-- <script src="../javascript/1.js"></script> -->
    <script src="../javascript/jquery.min.js"></script>
    <script src="../javascript/dianying.js"></script>
     <!-- 设置网站的图标 -->
     <link rel="icon" href="../imager/小图标/favicon.ico">
</head>

<body>
    <div class="headr">
        <!--设置头部标签的外边框，百分比设置为100%，防止放大缩小出现变形-->
        <div>
            <!--控制导航栏，居中布局-->
            <div class="logo"></div>
            <!--猫眼电影loao浮动向左-->
            <ul class="headr-left">
                <!--主要导航部分,向左浮动-->
                <li class="region"><a href="">武汉</a>
                    <!--设置地区下拉框导航-->
                    <div class="triangle"></div>
                    <!--旋转的箭头-->
                    <div class="region-1">
                        <!--下拉导航栏-->
                        <div>
                            当前定位：咸宁
                        </div>
                        <div>
                            近期定位：咸宁
                        </div>
                        <div class="region-1-1">
                            <!--主要显示区域-->
                            <ul>
                                <!--a标签向左浮动自动换行-->
                                <li><span>A</span><a href="">阿拉善</a> <a href="">鞍山</a>
                                    <a href="">安庆</a><a href="">安阳</a><a href="">阿坝</a><a href="">安顺</a>
                                    <a href="">安康</a><a href="">阿勒泰</a>
                                </li>
                            </ul>
                            <ul>
                                <li><span>B</span><a href="">北京</a> <a href="">保定</a>
                                    <a href="">包头</a><a href="">本溪</a><a href="">巴彦</a><a href="">白城</a>
                                    <a href="">白山</a><a href="">毫州</a>
                                </li>
                            </ul>
                            <ul>
                                <li><span>C</span><a href="">重庆</a> <a href="">长治</a>
                                    <a href="">长沙</a><a href="">常州</a><a href="">长春</a><a href="">沧州</a>
                                    <a href="">承德</a><a href="">朝阳</a>
                                </li>
                            </ul>
                            <ul>
                                <li><span>D</span><a href="">大连</a> <a href="">东莞</a>
                                    <a href="">大庆</a><a href="">大同</a><a href="">丹东</a><a href="">大兴安岭</a>
                                    <a href="">东营</a><a href="">德州</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li><a href="Demo.html">首页</a></li>
                <li id="color"><a href="dianying.html">电影</a></li>
                <li><a href="cinema.html">影院</a></li>
                <li><a href="">演出</a></li>
                <li><a href="bandang.html">榜单</a></li>
                <li><a href="">热点</a></li>
                <li><a href="">商城</a></li>
                <li class="app"><img src="../imager/小图标/手机.png" alt=""><span> APP下载</span>
                    <!--设置二维码部分-->
                    <div class="triangle"></div>
                    <!--旋转的小图标-->
                    <div class="code"><img src="../imager/小图标/app-link-icon.3bc8fd38f5eb0cfcf9909122baaaa720.png"
                            alt=""><br>
                        扫码下载APP <br> <span style="font-size: 12px">选座更优惠</span></div>
                </li>
            </ul>
            <ul class="headr-right">
                <!--搜索登录部分-->
                <li><input type="text" name="search" placeholder="请输入影片，演员">
                    <!--搜索栏-->
                    <input type="submit" value>
                </li>
                <li class="login"><img src="../imager/小图标/7dd82a16316ab32c8359debdb04396ef2897.png" alt="" width="40px">
                    <!--登录部分-->
                    <div class="triangle"></div>
                    <!--旋转的箭头-->
                    <div class="login-1"><a href="login.html">登录</a> </div>
                    <!--登录的标签-->
                </li>
            </ul>
        </div>
    </div>
    <!-- 设置第一个盒子外部 -->
    <div class="first-box">
        <ul>
            <li>
                <a href="javascript:;">正在热映</a>
                <!-- 小三角 -->
                <div class="box-tangle"></div>
            </li>
            <li>
                <a href="javascript:;">即将上映</a>
                <!-- 小三角 -->
                <div class="box-tangle"></div>
            </li>
            <li>
                <a href="javascript:;">经典影片</a>
                <!-- 小三角 -->
                <div class="box-tangle"></div>
            </li>
        </ul>
    </div>
    <!-- 设置第二个盒子 -->
    <div class="seconed-box">
        <!-- 里面的第一个 -->
    <div class="box-1">
        <div class="box-1-1">
            <span>类型:</span>
        </div>
        <div class="box-1-2">
            <span><a href="#">全部</a></span>
            <span><a href="#">爱情</a></span>
            <span><a href="#">喜剧</a></span>
            <span><a href="#">动画</a></span>
            <span><a href="#">剧情</a></span>
            <span><a href="#">恐怖</a></span>
            <span><a href="#">惊悚</a></span>
            <span><a href="#">科幻</a></span>
            <span><a href="#">动作</a></span>
            <span><a href="#">悬疑</a></span>
            <span><a href="#">犯罪</a></span>
            <span><a href="#">冒险</a></span>
            <span><a href="#">战争</a></span>
            <span><a href="#">奇幻</a></span>
            <span><a href="#">运动</a></span>
            <span><a href="#">家庭</a></span>
            <span><a href="#">古装</a></span>
            <span><a href="#">武侠</a></span>
            <span><a href="#">西部</a></span>
            <span><a href="#">历史</a></span>
            <span><a href="#">传记</a></span>
            <span><a href="#">歌舞</a></span>
            <span><a href="#">黑色电影</a></span>
            <span><a href="#">短片</a></span>
            <span><a href="#">记录片</a></span>
            <span><a href="#">戏曲</a></span>
            <span><a href="#">音乐</a></span>
            <span><a href="#">灾难</a></span>
            <span><a href="#">青春</a></span>
            <span><a href="#">儿童</a></span>
        </div>
    </div>
    <!-- 第二个 -->
    <div class="box-1-y">
        <div class="box-1-1">
            <span>区域</span>
        </div>
        <div class="box-1-2">
            <span><a href="javascript:;">全部</a></span>
            <span><a href="javascript:;">大陆</a></span>
            <span><a href="javascript:;">美国</a></span>
            <span><a href="javascript:;">韩国</a></span>
            <span><a href="javascript:;">日本</a></span>
            <span><a href="javascript:;">中国台湾</a></span>
            <span><a href="javascript:;">中国香港</a></span>
            <span><a href="javascript:;">泰国</a></span>
            <span><a href="javascript:;">印度</a></span>
            <span><a href="javascript:;">法国</a></span>
            <span><a href="javascript:;">英国</a></span>
            <span><a href="javascript:;">俄罗斯</a></span>
            <span><a href="javascript:;">意大利</a></span>
            <span><a href="javascript:;">西班牙</a></span>
            <span><a href="javascript:;">德国</a></span>
            <span><a href="javascript:;">波兰</a></span>
            <span><a href="javascript:;">澳大利亚</a></span>
            <span><a href="javascript:;">伊朗</a></span>
            <span><a href="javascript:;">其他</a></span>
        </div>
    </div>
    <!-- 第三个 -->
    <div class="box-1-x ">
        <div class="box-1-1">
            <span>年代:</span>
        </div>
        <div class="box-1-2">
            <span><a href="javascript:;">全部</a></span>
            <span><a href="javascript:;">2022</a></span>
            <span><a href="javascript:;">2021</a></span>
            <span><a href="javascript:;">2020</a></span>
            <span><a href="javascript:;">2019</a></span>
            <span><a href="javascript:;">2018</a></span>
            <span><a href="javascript:;">2017</a></span>
            <span><a href="javascript:;">2016</a></span>
            <span><a href="javascript:;">2015</a></span>
            <span><a href="javascript:;">2014</a></span>
            <span><a href="javascript:;">2013</a></span>
            <span><a href="javascript:;">2012</a></span>
            <span><a href="javascript:;">2011</a></span>
            <span><a href="javascript:;">2000-2010</a></span>
            <span><a href="javascript:;">90年代</a></span>
            <span><a href="javascript:;">80年代</a></span>
            <span><a href="javascript:;">70年代</a></span>
            <span><a href="javascript:;">更早</a></span>
        </div>
    </div>
    </div>
    <!-- 设置第三个盒子 放表单 -->
    <div class="third-box">
        <form action="#">
            <span>
                <input type="radio" name="1" value="按热门排序" checked>
                <a href="#">
                按热门排序
            </a></span>       
            <span>
                <input type="radio" name="1" value="按时间排序">
                <a href="#">
                按时间排序
            </a></span>
            <span>
                <input type="radio" name="1" value="按评价排序">
                <a href="#">
                    按评价排序
                </a>
            </span>
        </form>
    </div>
    <!-- 最后一句话 -->
    <!-- <div class="fourth-box">
        <span>
            <h3>抱歉,没有找到相关结果,请尝试其他条件筛选</h3>
        </span>
    </div> -->
     <!-- 第五个盒子 -->
     <div class="fifth-box">
        <ul class="fifth-box-1">
            <li>
                <a href="javascript:;"><img src="../imager/电影图片/01.jpg"></a>
                <a href="javascript:;">购票</a>
                <a href="javascript:;">隐入尘烟</a>
                <p>9.</p>
                <p>2</p>
                <!-- 设置里面的盒子 -->

                <div class="fifth-in">
                    <ul>
                        <li>
                            <p>明日战记</p>
                            <p>9.</p>
                            <p>1</p>
                        </li>
                        <li>
                            <p>类型:</p>
                            <p>动作/科幻/冒险</p>
                        </li>
                        <li>
                            <p>主演:</p>
                            <p>古天乐/刘青云/...</p>
                        </li>
                        <li>
                             <p>上映时间:</p>
                             <p>2022-08-08</p>
                        </li>
                       <li>
                           <p> 10:00</p>
                       </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#"><img src="../imager/电影图片/02.jpg"></a>
                <a href="#">购票</a>
                <a href="javascript:;">隐入尘烟</a>
                <p>9.</p>
                <p>2</p>
                <!-- 设置里面的盒子 -->
                <div class="fifth-in">
                    <ul>
                        <li>
                            <p>明日战记</p>
                            <p>9.</p>
                            <p>1</p>
                        </li>
                        <li>
                            <p>类型:</p>
                            <p>动作/科幻/冒险</p>
                        </li>
                        <li>
                            <p>主演:</p>
                            <p>古天乐/刘青云/...</p>
                        </li>
                        <li>
                             <p>上映时间:</p>
                             <p>2022-08-08</p>
                        </li>
                       <li>
                           <p> 10:00</p>
                       </li>
                    </ul>
                </div>
            </li>  <li>
                <a href="#"><img src="../imager/电影图片/03.jpg"></a>
                <a href="#">购票</a>
                <a href="javascript:;">隐入尘烟</a>
                <p>9.</p>
                <p>2</p>
                <!-- 设置里面的盒子 -->
                <div class="fifth-in" ">
                    <ul>
                        <li>
                            <p>明日战记</p>
                            <p>9.</p>
                            <p>1</p>
                        </li>
                        <li>
                            <p>类型:</p>
                            <p>动作/科幻/冒险</p>
                        </li>
                        <li>
                            <p>主演:</p>
                            <p>古天乐/刘青云/...</p>
                        </li>
                        <li>
                             <p>上映时间:</p>
                             <p>2022-08-08</p>
                        </li>
                       <li>
                           <p> 10:00</p>
                       </li>
                    </ul>
                </div>
            </li>  
            <li>
                <a href="#"><img src="../imager/电影图片/02.jpg"></a>
                <a href="#">购票</a>
                <a href="javascript:;">明日战记</a>
                <p>9.</p>
                <p>2</p>
                <!-- 设置里面的盒子 -->
                <div class="fifth-in">
                    <ul>
                        <li>
                            <p>明日战记</p>
                            <p>9.</p>
                            <p>1</p>
                        </li>
                        <li>
                            <p>类型:</p>
                            <p>动作/科幻/冒险</p>
                        </li>
                        <li>
                            <p>主演:</p>
                            <p>古天乐/刘青云/...</p>
                        </li>
                        <li>
                             <p>上映时间:</p>
                             <p>2022-08-08</p>
                        </li>
                       <li>
                           <p> 10:00</p>
                       </li>
                    </ul>
                </div>
            </li>  <li>
                <a href="#"><img src="../imager/电影图片/03.jpg"></a>
                <a href="#">购票</a>
                <a href="javascript:;">隐入尘烟</a>
                <p>9.</p>
                <p>2</p>
                <!-- 设置里面的盒子 -->
                <div class="fifth-in">
                    <ul>
                        <li>
                            <p>明日战记</p>
                            <p>9.</p>
                            <p>1</p>
                        </li>
                        <li>
                            <p>类型:</p>
                            <p>动作/科幻/冒险</p>
                        </li>
                        <li>
                            <p>主演:</p>
                            <p>古天乐/刘青云/...</p>
                        </li>
                        <li>
                             <p>上映时间:</p>
                             <p>2022-08-08</p>
                        </li>
                       <li>
                           <p> 10:00</p>
                       </li>
                    </ul>
                </div>
            </li> 
             <li>
                <a href="#"><img src="../imager/电影图片/04.jpg"></a>
                <a href="#">购票</a>
                <a href="javascript:;">隐入尘烟</a>
                <p>9.</p>
                <p>2</p>
                <!-- 设置里面的盒子 -->
                <div class="fifth-in">
                    <ul>
                        <li>
                            <p>明日战记</p>
                            <p>9.</p>
                            <p>1</p>
                        </li>
                        <li>
                            <p>类型:</p>
                            <p>动作/科幻/冒险</p>
                        </li>
                        <li>
                            <p>主演:</p>
                            <p>古天乐/刘青云/...</p>
                        </li>
                        <li>
                             <p>上映时间:</p>
                             <p>2022-08-08</p>
                        </li>
                       <li>
                           <p> 10:00</p>
                       </li>
                    </ul>
                </div>
            </li> 
             <li>
                <a href="#"><img src="../imager/电影图片/05.jpg"></a>
                <a href="#">购票</a>
                <a href="javascript:;">隐入尘烟</a>
                <p>9.</p>
                <p>2</p>
                <!-- 设置里面的盒子 -->
                <div class="fifth-in">
                    <ul>
                        <li>
                            <p>明日战记</p>
                            <p>9.</p>
                            <p>1</p>
                        </li>
                        <li>
                            <p>类型:</p>
                            <p>动作/科幻/冒险</p>
                        </li>
                        <li>
                            <p>主演:</p>
                            <p>古天乐/刘青云/...</p>
                        </li>
                        <li>
                             <p>上映时间:</p>
                             <p>2022-08-08</p>
                        </li>
                       <li>
                           <p> 10:00</p>
                       </li>
                    </ul>
                </div>
            </li>  
            <li>
                <a href="#"><img src="../imager/电影图片/06.jpg"></a>
                <a href="#">购票</a>
                <a href="javascript:;">隐入尘烟</a>
                <p>9.</p>
                <p>2</p>
                <!-- 设置里面的盒子 -->
                <div class="fifth-in">
                    <ul>
                        <li>
                            <p>明日战记</p>
                            <p>9.</p>
                            <p>1</p>
                        </li>
                        <li>
                            <p>类型:</p>
                            <p>动作/科幻/冒险</p>
                        </li>
                        <li>
                            <p>主演:</p>
                            <p>古天乐/刘青云/...</p>
                        </li>
                        <li>
                             <p>上映时间:</p>
                             <p>2022-08-08</p>
                        </li>
                       <li>
                           <p> 10:00</p>
                       </li>
                    </ul>
                </div>
            </li>  
            <li>
                <a href="#"><img src="../imager/电影图片/07.jpg"></a>
                <a href="#">购票</a>
                <a href="javascript:;">隐入尘烟</a>
                <p>9.</p>
                <p>2</p>
                <!-- 设置里面的盒子 -->
                <div class="fifth-in">
                    <ul>
                        <li>
                            <p>明日战记</p>
                            <p>9.</p>
                            <p>1</p>
                        </li>
                        <li>
                            <p>类型:</p>
                            <p>动作/科幻/冒险</p>
                        </li>
                        <li>
                            <p>主演:</p>
                            <p>古天乐/刘青云/...</p>
                        </li>
                        <li>
                             <p>上映时间:</p>
                             <p>2022-08-08</p>
                        </li>
                       <li>
                           <p> 10:00</p>
                       </li>
                    </ul>
                </div>
            </li> 
             <li>
                <a href="#"><img src="../imager/电影图片/08.jpg"></a>
                <a href="#">购票</a>
                <a href="javascript:;">隐入尘烟</a>
                <p>9.</p>
                <p>2</p>
                <!-- 设置里面的盒子 -->
                <div class="fifth-in">
                    <ul>
                        <li>
                            <p>明日战记</p>
                            <p>9.</p>
                            <p>1</p>
                        </li>
                        <li>
                            <p>类型:</p>
                            <p>动作/科幻/冒险</p>
                        </li>
                        <li>
                            <p>主演:</p>
                            <p>古天乐/刘青云/...</p>
                        </li>
                        <li>
                             <p>上映时间:</p>
                             <p>2022-08-08</p>
                        </li>
                       <li>
                           <p> 10:00</p>
                       </li>
                    </ul>
                </div>
            </li>  
            <li>
                <a href="#"><img src="../imager/电影图片/09.jpg"></a>
                <a href="#">购票</a>
                <a href="javascript:;">隐入尘烟</a>
                <p>9.</p>
                <p>2</p>
                <!-- 设置里面的盒子 -->
                <div class="fifth-in">
                    <ul>
                        <li>
                            <p>明日战记</p>
                            <p>9.</p>
                            <p>1</p>
                        </li>
                        <li>
                            <p>类型:</p>
                            <p>动作/科幻/冒险</p>
                        </li>
                        <li>
                            <p>主演:</p>
                            <p>古天乐/刘青云/...</p>
                        </li>
                        <li>
                             <p>上映时间:</p>
                             <p>2022-08-08</p>
                        </li>
                       <li>
                           <p> 10:00</p>
                       </li>
                    </ul>
                </div>
            </li>
              <li>
                <a href="#"><img src="../imager/电影图片/10.jpg"></a>
                <a href="#">购票</a>
                <a href="javascript:;">隐入尘烟</a>
                <p>9.</p>
                <p>2</p>
                <!-- 设置里面的盒子 -->
                <div class="fifth-in">
                    <ul>
                        <li>
                            <p>明日战记</p>
                            <p>9.</p>
                            <p>1</p>
                        </li>
                        <li>
                            <p>类型:</p>
                            <p>动作/科幻/冒险</p>
                        </li>
                        <li>
                            <p>主演:</p>
                            <p>古天乐/刘青云/...</p>
                        </li>
                        <li>
                             <p>上映时间:</p>
                             <p>2022-08-08</p>
                        </li>
                       <li>
                           <p> 10:00</p>
                       </li>
                    </ul>
                </div>
          </li>
        </ul>
    </div>
    <!-- 第六个盒子 -->
    <div class="sixth-box">
       
             <a href="javascript:;">1</a>
             <a href="javascript:;">2</a>
             <a href="javascript:;">3</a>
             <a href="javascript:;">下一页</a>
       
       
    </div>
    <div class="footer">
        <div class="footer-center">
            <p>关于猫眼 :<a href="">关于我们</a> <a href="">管理团队</a> <a href="">投资者关系</a> 友情链接 : <a href="">美团网</a> <a href="">格瓦拉</a>美团下载<a href="">欢喜首映</a><a href=""></a><a href=""></a>   </p>
            <p>商务合作邮箱：v@maoyan.com 客服电话：10105335 违法和不良信息/涉未成年人有害信息举报电话：4006018900</p>
            <p> 用户举报/涉未成年人有害信息举报邮箱：tousujubao@meituan.com 舞弊线索举报邮箱：wubijubao@maoyan.com</p>
            <p>中华人民共和国增值电信业务经营许可证 京B2-20190350 营业性演出许可证 京演（机构）（2019）4094号</p>
            <p>广播电视节目制作经营许可证 （京）字第08478号 网络文化经营许可证 京网文（2022）1334-041号</p>
            <p> 猫眼用户服务协议 猫眼平台交易规则总则 隐私政策</p>
            <p>京公网安备 11010102003232号 京ICP备16022489号-1</p>
            <p>北京猫眼文化传媒有限公司</p>
            <p> ©2022 猫眼电影 www.maoyan.com</p>
            <p><img src="../imager/版权/3cd2a9b7dc179531d20d27a5fd686e783787.png" alt=""><img src="../imager/版权/805f605d5cf1b1a02a4e3a5e29df003b8376.png" alt=""><img src="../imager/版权/e54374ccf134d1f7b2c5b075a74fca525326.png" alt=""></p>

        </div>
    </div>
</body>

</html>